@media screen and (min-width:768px) and (max-width:1023px) {
    .top_box {
        padding: 20px 0 0 0;
    }
    .top_bar {
        width: 90%;
        margin: auto;
        overflow: hidden;
    }
    .logo img {
        width: 60px;
    }
    .logo span {
        font-size: 22px
    }
    .logo span i {
        font-size: 12px
    }
    .place {
        display: none;
    }
    .nav_items {
        width: 90%;
    }
    .nav_items a {
        font-size: 14px
    }
    .super_bar {
        min-height: 346px;
    }
    .super {
        width: 90%;
        left: 5%
    }
    .about_bar {
        width: 90%;
    }
    .about_font {
        margin-top: 16px;
    }
    .about_font ul li {
        max-height: 95px;
        overflow: hidden;
    }
    .unique_bar {
        width: 90%;
    }
    .case_items {
        height: 220px;
    }
    .btn2 {
        width: 100%;
        position: absolute;
        top: 36%;
        margin-top: -16px;
        overflow: hidden;
    }
    .btn2 span {
        font-size: 30px;
        height: 40px;
        line-height: 30px;
        color: #fff;
        background: #ccc;
        cursor: pointer;
    }
    .partner_bar {
        width: 90%;
    }
    .about_intro {
        width: 90%;
    }
    .about_history_cont {
        width: 90%;
    }
    .about_brand {
        width: 90%
    }
    .about_service {
        width: 90%
    }
    .big h1 {
        font-size: 46px;
    }
    .big h2 {
        margin-top: 6px;
    }
    .big h2 i {
        font-size: 12px;
    }
    .big h2 em {
        margin-top: 5px;
    }
    .bg1 {
        width: 90%
    }
    .bg2_items {
        width: 90%;
        height: 260px;
    }
    .team {
        width: 90%
    }
    .honor {
        width: 90%
    }
    .big_bar {
        width: 90%;
    }
    .big_items {
        width: 100%;
    }
    .sub_tit {
        width: 90%
    }
    .sub_tit h1 {
        font-size: 60px;
    }
    .sub_tit h1 span {
        top: -28px;
        font-size: 28px;
    }
    .unique_bar {
        width: 90%
    }
    .news_cont {
        width: 90%;
    }
    .news_cont ul li a img {
        width: 36%;
    }
    .news_item {
        width: 60%;
    }
    .jobs_cont {
        width: 90%;
    }
    .jobs_cont h6 span {
        width: 26%;
    }
    .jobs_cont h6 i {
        width: 18%;
    }
    .jobs_cont h6 em {
        width: 52%;
    }
    .jobs_cont ul li>span {
        width: 26%;
    }
    .jobs_cont ul li i {
        width: 18%;
    }
    .jobs_item {
        width: 52%;
    }
    .contact_item {
        width: 90%;
    }
    .service_item1_bar {
        width: 90%;
    }
    .service_item1_bar ul li a {
        width: 160px;
        height: 160px;
        /*behavior:url(../js/ie-css3.htc);*/
    }
    .service_item1_bar ul li a span {
        width: 30px;
        height: 30px;
        line-height: 26px;
        right: 4px;
        bottom: 4px;
        font-size: 30px;
    }
    .waterfall_bar {
        width: 90%;
    }
    .form_cont {
        width: 90%;
    }
    .star_tit {
        width: 90%;
    }
    .show_cont {
        width: 90%
    }
    .show_case ul {
        width: 90%
    }
    .case_cont img {
        width: 30%;
    }
    .case_cont p {
        width: 65%;
    }
    .depend_bar {
        width: 90%
    }
    .depend_item_left h1 {
        font-size: 20px;
    }
    .depend_item_left h1 span {
        display: block;
        font-size: 16px;
    }
    .depend_item_left h5 {
        font-size: 14px;
    }
    .depend_item_left h6 {
        margin: 16px;
    }
    .depend_item_right {
        float: right;
        width: 48%
    }
    .depend_item_right img{
        float: right;
        width: 48%
    }
    .news_inner{
        width: 90%;
    }
    .about1{
        width: 90%
    }
    .about1 h1{
        font-size: 18px;
    }
     
}